<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <title>MPreview Word格式预览</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/MPreview.css">
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/MPreview.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var api = frameElement.api;
        var imgs = [];
        $.each(api.data.imgArr, function(i, value) {
            imgs.push('/ToImg/' + value);
        });
        $('#doc').MPreview({
            url: '', //url中包含callback则表示跨越请求，具体可参考$.getJSON();
            data: imgs, //包含所有图片地址的数组，如填写则不发送Ajax。用于直接传入数据，方便调用。
            offset: 100, //每次滚动偏移多少像素，默认 100px
            loadSize: 5, //每次加载几张图片
            pageFix: 50, //当前页数判定的衡量标准
            scrollFix: 5, //当前默认滚动条距离外容器的边距
            minScrollHeight: 20 //当前滚动条按钮最小高度
        });
        //$(".MPreview-mediaPlay").css("overflow-y","auto");
    });
    </script>
</head>

<body>
    <div class="wrapper">
        <div class="doc" id="doc"></div>
    </div>
</body>

</html>
                                                                        